<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>找回密码</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/api.css">
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../css/account.css">
</head>
<body id="forgot">
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left">
        <span class="aui-iconfont" id="button-home">{{ lang.com_cancel }}</span>
    </a>
    <div class="aui-title">{{ lang.com_account_forgot }}</div>
</header>
<div class="yzm">{{ lang.com_account_msg_send_code }}</div>
<form class="form" id="form">
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <!--国籍和区号开始-->
            <li class="aui-list-item aui-list-item-middle borderline2px register-region">
                <span class="region-btn" changeArrow="unChoose">
                    <span class="china">{{ lang.country_86 }}</span>
                </span>
                <ul id="region-list" style="display:none;">
                    <li class="region-item china" data-code="0" changeArrow="unChoose">{{ lang.country_0 }}</li>
                    <li class="region-item yindu" data-code="1" changeArrow="unChoose">{{ lang.country_1 }}</li>
                    <li class="region-item yuenan" data-code="33" changeArrow="unChoose">{{ lang.country_33 }}</li>
                    <li class="region-item singapore" data-code="44" changeArrow="unChoose">{{ lang.country_44 }}</li>
                    <li class="region-item malaysia" data-code="49" changeArrow="unChoose">{{ lang.country_49 }}</li>
                    <li class="region-item malaysia" data-code="60" changeArrow="unChoose">{{ lang.country_60 }}</li>
                    <li class="region-item malaysia" data-code="61" changeArrow="unChoose">{{ lang.country_61 }}</li>
                    <li class="region-item malaysia" data-code="62" changeArrow="unChoose">{{ lang.country_62 }}</li>
                    <li class="region-item malaysia" data-code="63" changeArrow="unChoose">{{ lang.country_63 }}</li>
                    <li class="region-item malaysia" data-code="65" changeArrow="unChoose">{{ lang.country_65 }}</li>
                    <li class="region-item malaysia" data-code="66" changeArrow="unChoose">{{ lang.country_66 }}</li>
                    <li class="region-item malaysia" data-code="84" changeArrow="unChoose">{{ lang.country_84 }}</li>
                    <li class="region-item malaysia" data-code="86" changeArrow="unChoose">{{ lang.country_86 }}</li>
                </ul>
                <span class="region-add">+</span>
                <input class="region-code" id="country-code" name="region-code" value="86" maxlength="4" type="text" autocomplete="off" aria-invalid="false" style="min-height: 1.2rem !important;">
            </li>
            <!--国籍和区号结束-->
            <li class="aui-list-item aui-list-item-middle borderline2px">
                <div class="aui-list-item-label-icon">
                    <span class="icons uicon1"></span>
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">
                        <input id="phone" type="text" placeholder="{{ lang.com_account_phone }}" size="22" />
                    </div>
                </div>
            </li>
            <li class="aui-list-item aui-list-item-middle borderline2px">
                <div class="aui-list-item-label-icon">
                    <span class="icons uicon2"></span>
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title left">
                        <input id="code" type="text" placeholder="{{ lang.com_account_code }}" size="22" />
                    </div>
                    <div class="right">
                        <input  class="aui-btn aui-margin-r-5 get-code" id="send-code" type="button" value="{{ lang.com_account_code_send }}" />
                    </div>
                </div>
                <div class="clear"></div>
            </li>
        </ul>
    </div>
    <div class="aui-content top">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-item aui-list-item-middle borderline2px">
                <div class="aui-list-item-label-icon">
                    <span class="icons uicon3"></span>
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">
                        <input id="password" type="password" placeholder="{{ lang.com_account_password_input }}" size="22" />
                    </div>
                </div>
            </li>
            <li class="aui-list-item aui-list-item-middle borderline2px">
                <div class="aui-list-item-label-icon">
                    <span class="icons uicon3"></span>
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">
                        <input id="password-confirm" type="password" placeholder="{{ lang.com_account_password_confirm }}" size="22" />
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="aui-content top2">
        <button type="submit" class="aui-btn aui-btn-block register">{{ lang.com_account_forgot }}</button>
    </div>
</form>
<div class="clear"></div>
</body>
<!-- 依赖的类库和插件 -->
<script type="text/javascript" src="/asset/vue.js"></script>
<script type="text/javascript" src="/asset/jquery/jquery-2.2.1.min.js"></script>
<!-- 公共脚本 -->
<script type="text/javascript" src="../config/app.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<!-- 数据模型 -->
<script type="text/javascript" src="../model/forgot.js"></script>
</html>
